<!doctype html lang="pt-br">
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Moto Certo</title>
        <base href="{base_url}{base_template_site}">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
        <link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/anunciar.css"/>
        <link rel="stylesheet" media="all" href="css/planos.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($){
                $("#cpf").mask("999.999.999-99");
                $("#data_nascimento").mask("99/99/9999");
                $("#fone_celular").mask("(99) 9999-9999");
                $("#fone_residencial").mask("(99) 9999-9999");
                $("#fone_comercial").mask("(99) 9999-9999");
                $("#cep").mask("99999-999");
            });
        </script>
        <script src="js/menu.js"></script>
        <!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
    </head>

    <body>
        {include_header}
        <div class="wrapper">
            <header class="nav-option">
                <h1 class="breadcrumb-title">Anunciar</h1> 
                <ul class="breadcrumb">
                    <li>Selecionar Plano de Anúncio &gt;</li>
                    <li>Cadastrar Moto &gt;</li>
                    <li> Identificação &gt;</li>
                    <li><strong> Aprovar Anúncio</strong></li>
                </ul>
                <a href="{base_url}pessoa/logout"><input type="button" class="botao-verde" value="{login_logout}" style="height: 25px;width: 110px;margin: 15px; float:right;" id="bMenu"></a>
            </header>
            <div class="content">
                <p class="texto-descricao-1">Agora é o momento para conferir o pagamento e verificar se as informações do seu anúncio estão corretas, caso queira modifica-las, clique no botão de alterar. <br>
                    Se estiver todos os dados corretos clique no botão aprovar anúncio no rodapé da página para publicar!
                </p> 

                <form class="form1" method="POST" action="{base_url}pessoa/concluir">
                    <fieldset>
                        <legend class="title-form-1">Plano Selecionado</legend>

                        <div style="float: right; margin: -25px 0 0 0;"><a href="{base_url}cep/alterar"><img src="images/ico-editar.png" width="18" height="18">  Editar Plano </div></a>
                            <hr>

                            <!---- INICIO PLANO -->
                            <ul class="planos-box-small">
                                <li>
                                    <figure class="ico-star">
                                        <img src="images/ico-star.png" height="9" width="9">
                                        <img src="images/ico-star.png" height="9" width="9">
                                        <img src="images/ico-star.png" height="9" width="9">
                                    </figure><strong>{plano_nome}</strong>
                                </li>
                                <li><strong>{plano_valor}</strong></li>
                            </ul>
                    </fieldset>


                    <legend class="title-form-1">Dados de Acesso</legend>  
                    <!--div style="float: right; margin: -25px 0 0 0;"><img src="images/ico-editar.png" width="18" height="18">  Alterar dados Pessoais </div--> 
                    <hr style="margin-top: 0px;">

                    <input type="hidden" name="pessoa_id" id="pessoa_id" required  value="{pessoa_id}">

                    <label for="email"><strong>E-mail:</strong></label><br>
                    <input type="email" name="email" id="email" required  value="{email}" style="width: 350px;" readonly><br>
                    <br>
                    <br>

                    <label for="cpf"><strong>CPF:</strong></label><br>
                    <input type="text" name="cpf" id="cpf" required value="{cpf}" style="width: 350px;" maxlength="12" readonly><br>
                    <br>


                    <label>
                        <input type="radio" value="masculino" name="sexo" disabled {checked_m}>
                               Masculino</label>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label>
                        <input type="radio" value="feminino" name="sexo" disabled="" {checked_f}>
                               Feminino</label>
                    <br>
                    <br>
                    <label for="nome"><strong>Nome Completo:</strong></label><br>
                    <input type="text" name="nome" id="nome" required style="width: 350px;" value="{nome}" readonly><br>
                    <br>

                    <label for="data_nascimento"><strong>Data Nascimento:</strong></label><br>
                    <input type="text" name="data_nascimento" id="data_nascimento" required value="{data_nascimento}" readonly><br>
                    <br>

                    <label for="nome_mae"><strong>Nome da Mãe:</strong></label><br>
                    <input type="text" name="nome_mae" id="nome_mae" style="width: 350px;" value="{nome_mae}" readonly><br>
                    <span class="input-info">Por segurança o nome de sua mãe é obrigatório. Informe o nome de sua mãe igual consta no seu documento de registro RG.</span><br>
                    <br>

                    </fieldset>

                    <fieldset style="margin-top: 50px;">
                        <legend class="title-form-1">Informações de Contato</legend>   
                        <!--div style="float: right; margin: -25px 0 0 0;"><img src="images/ico-editar.png" width="18" height="18">  Alterar Contato </div-->
                        <hr>

                        <label><strong>Telefones:</strong></label><br>
                        <label for="fone_celular"><strong>Telefone Celular:</strong></label><br>
                        <input type="text" name="fone_celular" id="fone_celular" required max="10" value="{telefone_0}" readonly><br>
                        <span class="input-info">Informe apenas números do seu celular incluindo o DDD.</span><br>

                        <label for="fone_residencial"><strong>Telefone Residencial:</strong></label><br>
                        <input type="text" name="fone_residencial" id="fone_residencial" max="10" value="{telefone_1}" readonly><br>
                        <span class="input-info">Informe apenas números do seu residencial incluindo o DDD.</span><br>

                        <label for="fone_comercial"><strong>Telefone Comercial:</strong></label><br>
                        <input type="text" name="fone_comercial" id="fone_comercial" max="10" value="{telefone_2}" readonly><br>
                        <span class="input-info">Informe apenas números do seu comercial incluindo o DDD.</span>
                        <br>
                        <br>
                        <br>

                        <label for="cep"><strong>CEP:</strong></label><br>
                        <input type="text" name="cep" id="cep" max="8" required value="{cep}" readonly><br>
                        <span class="input-info">Digite apenas números.</span>
                        <br>
                        <br>
                        <label for="logradouro"><strong>Logradouro:</strong></label><br>
                        <select name="logradouro" required disabled="">
                            <option value="Rua" {selected_r}>Rua</option>
                            <option value="Avenida" {selected_a}>Avenida</option>
                            <option value="Travessa" {selected_t}>Travessa</option>
                        </select>
                        <br>
                        <br>

                        <label for="endereco" required><strong>Endereço:</strong></label><br>
                        <input type="text" name="endereco" id="endereco" style="width: 350px;" value="{endereco}" readonly><br>
                        <br>
                        <br>

                        <label for="complemento"><strong>Complemento:</strong></label><br>
                        <input type="text" name="complemento" id="complemento" style="width: 350px;" value="{complemento}" readonly><br>
                        <span class="input-info">Campo não obrigatório. Exemplo: SL01 ou APB4 ou Bloco C.</span>
                        <br>
                        <br>

                        <label for="estado" required><strong>Estado:</strong></label><br>
                        <select name="estado" disabled>
                            <option value>Selecionar</option>
                            <option value="AC" {selected_ac}>Acre</option>
                            <option value="AL" {selected_al}>Alagoas</option>
                            <option value="AP" {selected_ap}>Amapá</option>
                            <option value="AM" {selected_am}>Amazonas</option>
                            <option value="BA" {selected_ba}>Bahia</option>
                            <option value="CE" {selected_ce}>Ceará</option>
                            <option value="DF" {selected_df}>Distrito Federal</option>
                            <option value="ES" {selected_es}>Espirito Santo</option>
                            <option value="GO" {selected_go}>Goiás</option>
                            <option value="MA" {selected_ma}>Maranhão</option>
                            <option value="MS" {selected_ms}>Mato Grosso do Sul</option>
                            <option value="MT" {selected_mt}>Mato Grosso</option>
                            <option value="MG" {selected_mg}>Minas Gerais</option>
                            <option value="PA" {selected_pa}>Pará</option>
                            <option value="PB" {selected_pb}>Paraíba</option>
                            <option value="PR" {selected_pr}>Paraná</option>
                            <option value="PE" {selected_pe}>Pernambuco</option>
                            <option value="PI" {selected_pi}>Piauí</option>
                            <option value="RJ" {selected_rj}>Rio de Janeiro</option>
                            <option value="RN" {selected_rn}>Rio Grande do Norte</option>
                            <option value="RS" {selected_rs}>Rio Grande do Sul</option>
                            <option value="RO" {selected_ro}>Rondônia</option>
                            <option value="RR" {selected_rr}>Roraima</option>
                            <option value="SC" {selected_sc}>Santa Catarina</option>
                            <option value="SP" {selected_sp}>São Paulo</option>
                            <option value="SE" {selected_se}>Sergipe</option>
                            <option value="TO" {selected_to}>Tocantins</option>
                        </select>

                        <br>
                        <br>

                        <label for="cidade"><strong>Cidade:</strong></label><br>
                        <input type="text" required name="cidade" id="cidade" style="width: 350px;" value="{cidade}" readonly><br>
                    </fieldset>


                    <fieldset style="margin-top: 50px;">
                        <legend class="title-form-1">Dados da Moto</legend>   
                        <div style="float: right; margin: -25px 0 0 0;"><a href="{base_url}moto/{plano_id}/alterar"><img src="images/ico-editar.png" width="18" height="18">  Alterar Anúncio </a></div>
                        <hr>
                        <ul class="motos-detalhes">
                            <li><strong>Nome Completo do Proprietario:</strong> {nome_proprietario}</li>
                            <li><strong>Renavam:</strong> {renavam}</li>
                            <li><strong>Placa:</strong> {placa}</li>
                            <li><strong>Marca:</strong> {marca}</li>
                            <li><strong>Modelo:</strong> {modelo}</li>
                            <li><strong>Ano Fabricação:</strong> {ano_fab}</li><input type="hidden" name="ano_fab" id="ano_fab" value="{ano_fab}">
                            <li><strong>Ano Modelo:</strong> {ano_modelo}</li>
                            <li><strong>Cilindrada:</strong> {cilindrada}</li>
                            <li><strong>Estilo:</strong> {estilo}</li>
                            <li><strong>Quilometragem:</strong> {quilometragem}</li>
                            <li><strong>Número de Marcha:</strong> {marchas}</li>
                            <li><strong>Tipo de Refrigeração:</strong> {refrigeracao}</li>
                            <li><strong>Tipo de Alimentação:</strong> {alimentacao}</li>
                            <li><strong>Tipo de Motor:</strong> {motor}</li>
                            <li><strong>Tipo de Partida:</strong> {partida}</li>
                            <li><strong>Freio dianteiro/traseiro:</strong> {freio}</li>
                            <li><strong>Cor Predominante:</strong> {cor_p}</li>
                            <li><strong>Cor Secundária:</strong> {cor_s}</li>
                        </ul>

                        <ul class="motos-detalhes">
                            <li><strong>Adicionais da Moto:</strong> </li>
                            {adicionais}
                            <li>. {adicional}</li>
                            {/adicionais}
                            <!--li>. IPVA Pago</li>
                            <li>. Licenciado</li>
                            <li>. Todas as revisoes feitas na concessionaria</li>
                            <li><strong>Opcionais da Moto:</strong></li>
                            <li>. Alarme</li>
                            <li>. Bolsa/Bau/Bauleto</li-->
                            <li><strong>Observacoes do vendedor:</strong></li>
                            <li>{observacao}</li>
                        </ul>
                    </fieldset>

                    <fieldset style="margin-top: 50px;">
                        <legend class="title-form-1">Preço da Moto</legend>   
                        <div style="float: right; margin: -25px 0 0 0;"><a href="{base_url}moto/{plano_id}/alterar"><img src="images/ico-editar.png" width="18" height="18">  Alterar Preço</a></div>
                        <hr>
                        <h4>{preco}</h4>
                        <span class="input-info">Informe o valor total da moto, e não o valor das parcelas da moto. </span>
                    </fieldset>

                    <!--fieldset style="margin-top: 50px;">
                        <legend class="title-form-1">Formas de Pagamentos</legend>   
                        <hr>

                        <label><input type="radio" name="forma_pagamento" value="1">
                            <strong>Cartão de Crédito - Paypal</strong>
                            <span class="input-info">Anúncio liberado em até 3 horas após confirmação de pagamento. </span>
                        </label>
                        <br>

                        <label><input type="radio" name="forma_pagamento" value="2">
                            <strong>Boleto Bancário:</strong>
                            <span class="input-info">Anúncio liberado em até 2 dias após confirmação de pagamento. </span>
                        </label>
                        <br>



                        <label><input type="radio" name="forma_pagamento" value="3">
                            <strong>Grátis:</strong>
                            <span class="input-info">Anúncio liberado em até 2 horas após validação de dados. </span>
                        </label><br>


                    </fieldset-->


                    <input type="submit" class="botao-azul" value="Aprovar Anúncio" style="height: 29px;width: 110px; margin-top: 30px;float:right;">
                </form>


                <div style="clear:both"></div>

            </div>
        </div>
 {include_footer}
    </body>

</html>